
<style>
#f60f049b6::part(listbox) { z-index: 9995; }
#f60f049b6::part(selected-value) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

</style>
<fluent-select id="xxx" blazor:onchange="1" blazor:onkeydown="2" blazor:elementreference="xxx">
  <fluent-option id="xxx" value="1" blazor:onclick="3" blazor:elementreference="xxx">
    Search
    <div slot="start" style="width: 20px; fill: var(--neutral-foreground-rest); display: inline-block;" blazor:onkeydown="6" blazor:onclick="7">
      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
        <circle cx="160" cy="160" r="140"></circle>
      </svg>
    </div>
  </fluent-option>
  <fluent-option id="xxx" value="2" selected="" blazor:onclick="4" blazor:elementreference="xxx">
    Show
    <div slot="start" style="width: 20px; fill: var(--neutral-foreground-rest); display: inline-block;" blazor:onkeydown="8" blazor:onclick="9">
      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
        <circle cx="160" cy="160" r="140"></circle>
      </svg>
    </div>
  </fluent-option>
  <fluent-option id="xxx" value="3" blazor:onclick="5" blazor:elementreference="xxx">
    Generate
    <div slot="start" style="width: 20px; fill: var(--neutral-foreground-rest); display: inline-block;" blazor:onkeydown="10" blazor:onclick="11">
      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
        <circle cx="160" cy="160" r="140"></circle>
      </svg>
    </div>
  </fluent-option>
</fluent-select>